<!DOCTYPE html><html lang="zh-CN"><head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>moment(String) | Moment.js &#x6587;&#x6863;</title>
  <link rel="stylesheet" href="static/css/style.css">
  <link rel="shortcut icon" href="http://momentjs.cn/static/img/moment-favicon.png">
  <link rel="stylesheet" href="static/css/atom-one-light.min.css">
</head>
<body class="is-moment">
  <div class="hero hero-oneline">
    <div class="hero-centered">
      <h1>moment(String)</h1>
    </div>
  </div>
  <div id="api-section-__FILENAME__">
    <div id="content" class="clearfix">
  
      <div id="column1" data-id="__ID__" class="interior">
        <header>
          <!-- <h1>moment(String)</h1> -->
          <div id="gtoc">
            <ul>
              <!-- <li>v</li> -->
              <li>
                <a href="index.html#/parsing/string/" name="toc">&#x8FD4;&#x56DE;&#x4E0A;&#x5C42;&#x6587;&#x6863;</a>
              </li>
              <li style="border: none;">
                <a href="javascript:window.open('https://github.com/momentjscn/moment-docs-cn/edit/master/moment/01-parsing/02-string.md');" rel="nofollow" target="_blank">&#x63D0;&#x4EA4;&#x4FEE;&#x6539;</a>
              </li>
              <!-- <li>
                <a href="/search__SEARCH_PARAM__" name="toc">搜索</a>
              </li> -->
            </ul>
          </div>
          <hr>
        </header>

        <div id="biz_item"></div>
  
        <div id="apicontent">
          <div id="content_left">
							<div class="docs-method-signature">
								<pre><code class="language-js">moment(String);
</code></pre>

							</div>
<p>&#x5F53;&#x4ECE;&#x5B57;&#x7B26;&#x4E32;&#x521B;&#x5EFA; moment &#x65F6;&#xFF0C;&#x9700;&#x8981;&#x9996;&#x5148;&#x68C0;&#x67E5;&#x5B57;&#x7B26;&#x4E32;&#x662F;&#x5426;&#x4E0E;&#x5DF2;&#x77E5;&#x7684; <a href="javascript:window.open('http://nodejs.cn/s/eV6MeQ');" target="_blank" rel="nofollow">ISO 8601</a> &#x683C;&#x5F0F;&#x5339;&#x914D;&#xFF0C;&#x5982;&#x679C;&#x672A;&#x627E;&#x5230;&#x5DF2;&#x77E5;&#x7684;&#x683C;&#x5F0F;&#xFF0C;&#x5219;&#x5728;&#x964D;&#x7EF4;&#x5230; <code>new Date(string)</code> &#x4E4B;&#x524D;&#x68C0;&#x67E5;&#x5B57;&#x7B26;&#x4E32;&#x662F;&#x5426;&#x4E0E; <a href="javascript:window.open('http://nodejs.cn/s/ETQ1d1');" target="_blank" rel="nofollow">RFC 2822 &#x65E5;&#x671F;&#x65F6;&#x95F4;</a>&#x683C;&#x5F0F;&#x5339;&#x914D;&#x3002;</p>
<pre><code class="language-javascript">var day = moment(&quot;1995-12-25&quot;);
</code></pre>
<p>&#x6CE8;&#x610F;&#xFF0C;&#x6D4F;&#x89C8;&#x5668;&#x5BF9;&#x4E8E;&#x89E3;&#x6790;&#x5B57;&#x7B26;&#x4E32;&#x7684;&#x652F;&#x6301;&#x662F;<a href="javascript:window.open('http://nodejs.cn/s/7Ecwre');" target="_blank" rel="nofollow">&#x4E0D;&#x4E00;&#x81F4;</a>&#x7684;&#x3002;
&#x56E0;&#x4E3A;&#x6CA1;&#x6709;&#x5173;&#x4E8E;&#x5E94;&#x8BE5;&#x652F;&#x6301;&#x54EA;&#x79CD;&#x683C;&#x5F0F;&#x7684;&#x89C4;&#x8303;&#xFF0C;&#x6240;&#x4EE5;&#x5728;&#x67D0;&#x4E9B;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x6709;&#x6548;&#x7684;&#x683C;&#x5F0F;&#x5728;&#x5176;&#x4ED6;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x53EF;&#x80FD;&#x65E0;&#x6548;&#x3002;</p>
<p>&#x4E3A;&#x4E86;&#x5728;&#x89E3;&#x6790; ISO 8601 &#x4EE5;&#x5916;&#x7684;&#x5B57;&#x7B26;&#x4E32;&#x65F6;&#x83B7;&#x5F97;&#x4E00;&#x81F4;&#x7684;&#x7ED3;&#x679C;&#xFF0C;&#x5E94;&#x4F7F;&#x7528;<a href="javascript:window.open('http://nodejs.cn/s/2fw2Yx');" target="_blank" rel="nofollow">&#x5B57;&#x7B26;&#x4E32; + &#x683C;&#x5F0F;</a>&#x3002;</p>
<h4>&#x652F;&#x6301;&#x7684; ISO 8601 &#x5B57;&#x7B26;&#x4E32;</h4>
<p>ISO 8601 &#x5B57;&#x7B26;&#x4E32;&#x9700;&#x8981;&#x65E5;&#x671F;&#x7247;&#x6BB5;&#x3002;</p>
<pre><code>2013-02-08  # &#x65E5;&#x5386;&#x65E5;&#x671F;&#x7247;&#x6BB5;&#x3002;
2013-W06-5  # &#x661F;&#x671F;&#x65E5;&#x671F;&#x7247;&#x6BB5;&#x3002;
2013-039    # &#x5E8F;&#x6570;&#x65E5;&#x671F;&#x7247;&#x6BB5;&#x3002;

20130208    # &#x57FA;&#x672C;&#x7684;&#x5B8C;&#x6574;&#x65E5;&#x671F;&#xFF08;&#x77ED;&#xFF09;&#x3002;
2013W065    # &#x57FA;&#x672C;&#x7684;&#x661F;&#x671F;&#x3001;&#x5DE5;&#x4F5C;&#x65E5;&#xFF08;&#x77ED;&#xFF09;&#x3002;
2013W06     # &#x4EC5;&#x57FA;&#x672C;&#x7684;&#x661F;&#x671F;&#xFF08;&#x77ED;&#xFF09;&#x3002;
2013050     # &#x57FA;&#x672C;&#x7684;&#x5E8F;&#x6570;&#x65E5;&#x671F;&#xFF08;&#x77ED;&#xFF09;&#x3002;
</code></pre>
<p>&#x8FD8;&#x53EF;&#x4EE5;&#x5305;&#x62EC;&#x65F6;&#x95F4;&#x7247;&#x6BB5;&#xFF0C;&#x4E0E;&#x65E5;&#x671F;&#x7247;&#x6BB5;&#x4E4B;&#x95F4;&#x4F7F;&#x7528;&#x7A7A;&#x683C;&#x6216;&#x5927;&#x5199;&#x5B57;&#x6BCD; T &#x5206;&#x9694;&#x3002;</p>
<pre><code>2013-02-08T09            # &#x4F7F;&#x7528; T &#x5206;&#x9694;&#x7684;&#x5C0F;&#x65F6;&#x65F6;&#x95F4;&#x7247;&#x6BB5;&#x3002;
2013-02-08 09            # &#x4F7F;&#x7528;&#x7A7A;&#x683C;&#x5206;&#x9694;&#x7684;&#x5C0F;&#x65F6;&#x65F6;&#x95F4;&#x7247;&#x6BB5;&#x3002;
2013-02-08 09:30         # &#x5C0F;&#x65F6;&#x3001;&#x5206;&#x949F;&#x7684;&#x65F6;&#x95F4;&#x7247;&#x6BB5;&#x3002;
2013-02-08 09:30:26      # &#x5C0F;&#x65F6;&#x3001;&#x5206;&#x949F;&#x3001;&#x79D2;&#x949F;&#x7684;&#x65F6;&#x95F4;&#x7247;&#x6BB5;&#x3002;
2013-02-08 09:30:26.123  # &#x5C0F;&#x65F6;&#x3001;&#x5206;&#x949F;&#x3001;&#x79D2;&#x949F;&#x548C;&#x6BEB;&#x79D2;&#x7684;&#x65F6;&#x95F4;&#x7247;&#x6BB5;&#x3002;
2013-02-08 24:00:00.000  # &#x5C0F;&#x65F6; 24&#x3001;&#x5206;&#x949F;&#x3001;&#x79D2;&#x949F;&#x3001;&#x6BEB;&#x79D2;&#x7B49;&#x4E8E; 0 &#x8868;&#x793A;&#x7B2C;&#x4E8C;&#x5929;&#x5348;&#x591C;&#x3002;

20130208T080910,123      # &#x77ED;&#x7684;&#x65E5;&#x671F;&#x548C;&#x65F6;&#x95F4;&#xFF0C;&#x7CBE;&#x786E;&#x5230;&#x6BEB;&#x79D2;&#xFF0C;&#x4EE5;&#x9017;&#x53F7;&#x5206;&#x9694;&#x3002;
20130208T080910.123      # &#x77ED;&#x7684;&#x65E5;&#x671F;&#x548C;&#x65F6;&#x95F4;&#xFF0C;&#x7CBE;&#x786E;&#x5230;&#x6BEB;&#x79D2;&#x3002;
20130208T080910          # &#x77ED;&#x7684;&#x65E5;&#x671F;&#x548C;&#x65F6;&#x95F4;&#xFF0C;&#x7CBE;&#x786E;&#x5230;&#x79D2;&#x949F;&#x3002;
20130208T0809            # &#x77ED;&#x7684;&#x65E5;&#x671F;&#x548C;&#x65F6;&#x95F4;&#xFF0C;&#x7CBE;&#x786E;&#x5230;&#x5206;&#x949F;&#x3002;
20130208T08              # &#x77ED;&#x7684;&#x65E5;&#x671F;&#x548C;&#x65F6;&#x95F4;&#xFF0C;&#x4EC5;&#x6709;&#x5C0F;&#x65F6;&#x3002;
</code></pre>
<p>&#x4EFB;&#x4F55;&#x7684;&#x65E5;&#x671F;&#x7247;&#x6BB5;&#x90FD;&#x53EF;&#x4EE5;&#x6709;&#x65F6;&#x95F4;&#x7247;&#x6BB5;&#x3002;</p>
<pre><code>2013-02-08 09  # &#x65E5;&#x5386;&#x65E5;&#x671F;&#x7247;&#x6BB5;&#x548C;&#x5C0F;&#x65F6;&#x65F6;&#x95F4;&#x7247;&#x6BB5;&#x3002;
2013-W06-5 09  # &#x661F;&#x671F;&#x65E5;&#x671F;&#x7247;&#x6BB5;&#x548C;&#x5C0F;&#x65F6;&#x65F6;&#x95F4;&#x7247;&#x6BB5;&#x3002;
2013-039 09    # &#x5E8F;&#x6570;&#x65E5;&#x671F;&#x7247;&#x6BB5;&#x548C;&#x5C0F;&#x65F6;&#x65F6;&#x95F4;&#x7247;&#x6BB5;&#x3002;
</code></pre>
<p>&#x5982;&#x679C;&#x5305;&#x542B;&#x65F6;&#x95F4;&#x7247;&#x6BB5;&#xFF0C;&#x5219;&#x8FD8;&#x53EF;&#x4EE5;&#x5C06; UTC &#x7684;&#x504F;&#x79FB;&#x91CF;&#x5305;&#x542B;&#x4E3A; <code>+-HH:mm</code>&#x3001;<code>+-HHmm</code>&#x3001;<code>+-HH</code> &#x6216; <code>Z</code>&#x3002;</p>
<pre><code>2013-02-08 09+07:00            # +-HH:mm
2013-02-08 09-0100             # +-HHmm
2013-02-08 09Z                 # Z
2013-02-08 09:30:26.123+07:00  # +-HH:mm
2013-02-08 09:30:26.123+07     # +-HH
</code></pre>
<p>&#x6CE8;&#x610F;&#xFF1A;&#x5728;&#x7248;&#x672C; <strong>2.3.0</strong> &#x4E2D;&#x6DFB;&#x52A0;&#x4E86;&#x5BF9;&#x661F;&#x671F;&#x548C;&#x5E8F;&#x6570;&#x683C;&#x5F0F;&#x7684;&#x652F;&#x6301;&#x3002;</p>
<p>&#x5982;&#x679C;&#x5B57;&#x7B26;&#x4E32;&#x4E0E;&#x4EE5;&#x4E0A;&#x4EFB;&#x4F55;&#x683C;&#x5F0F;&#x90FD;&#x4E0D;&#x5339;&#x914D;&#xFF0C;&#x5E76;&#x4E14;&#x65E0;&#x6CD5;&#x4F7F;&#x7528; <code>Date.parse</code> &#x8FDB;&#x884C;&#x89E3;&#x6790;&#xFF0C;&#x5219; <code>moment&#xFF03;isValid</code> &#x5C06;&#x4F1A;&#x8FD4;&#x56DE; false&#x3002;</p>
<pre><code class="language-javascript">moment(&quot;not a real date&quot;).isValid(); // false
</code></pre>
<h4>RFC 2822 &#x65E5;&#x671F;&#x65F6;&#x95F4;&#x683C;&#x5F0F;</h4>
<p>&#x5728;&#x89E3;&#x6790; RFC 2822 &#x65E5;&#x671F;&#x65F6;&#x95F4;&#x4E4B;&#x524D;&#xFF0C;&#x5C06;&#x4F1A;&#x6E05;&#x7406;&#x5B57;&#x7B26;&#x4E32;&#x4EE5;&#x5220;&#x9664;&#x6240;&#x6709;&#x7684;&#x6CE8;&#x91CA;&#x548C;&#x6362;&#x884C;&#x7B26;&#x3002;
&#x5176;&#x4ED6;&#x7684;&#x5B57;&#x7B26;&#x867D;&#x7136;&#x5728;&#x683C;&#x5F0F;&#x4E0A;&#x5408;&#x6CD5;&#xFF0C;&#x4F46;&#x5BF9;&#x521B;&#x5EFA;&#x6709;&#x6548;&#x7684; moment &#x5B9E;&#x4F8B;&#x6CA1;&#x6709;&#x4EFB;&#x4F55;&#x4F5C;&#x7528;&#x3002;</p>
<p>&#x6E05;&#x7406;&#x4E4B;&#x540E;&#xFF0C;&#x8BE5;&#x5B57;&#x7B26;&#x4E32;&#x4F1A;&#x5728;&#x4EE5;&#x4E0B;&#x4F7F;&#x7528;&#x7A7A;&#x683C;&#x5206;&#x9694;&#x7684;&#x90E8;&#x5206;&#x4E2D;&#x8FDB;&#x884C;&#x9A8C;&#x8BC1;&#xFF0C;&#x5168;&#x90E8;&#x4F7F;&#x7528;&#x82F1;&#x8BED;&#xFF1A;</p>
<pre><code>6 Mar 17 21:22 UT
6 Mar 17 21:22:23 UT
6 Mar 2017 21:22:23 GMT
06 Mar 2017 21:22:23 Z
Mon 06 Mar 2017 21:22:23 z
Mon, 06 Mar 2017 21:22:23 +0000
</code></pre>
<ol>
<li>&#x661F;&#x671F;&#x51E0;&#xFF08;&#x4E09;&#x4E2A;&#x5B57;&#x6BCD;&#xFF09;&#xFF0C;&#x540E;&#x9762;&#x8DDF;&#x968F;&#x4E00;&#x4E2A;&#x53EF;&#x9009;&#x7684;&#x9017;&#x53F7;&#x3002;&#xFF08;&#x53EF;&#x9009;&#x7684;&#xFF09;</li>
<li>&#x6708;&#x4EFD;&#x4E2D;&#x7684;&#x67D0;&#x5929;&#xFF08;1 &#x6216; 2 &#x4F4D;&#x6570;&#x5B57;&#xFF09;&#xFF0C;&#x540E;&#x9762;&#x8DDF;&#x968F;&#x4E09;&#x4E2A;&#x5B57;&#x6BCD;&#x7684;&#x6708;&#x4EFD;&#x548C; 2 &#x6216; 4 &#x4F4D;&#x6570;&#x5B57;&#x7684;&#x5E74;&#x4EFD;&#x3002;</li>
<li>&#x4E24;&#x4F4D;&#x6570;&#x5B57;&#x7684;&#x5C0F;&#x65F6;&#x548C;&#x5206;&#x949F;&#xFF0C;&#x4EE5;&#x5192;&#x53F7;&#xFF08;:&#xFF09;&#x5206;&#x9694;&#xFF0C;&#x540E;&#x9762;&#x53EF;&#x9009;&#x5730;&#x8DDF;&#x968F;&#x53E6;&#x4E00;&#x4E2A;&#x5192;&#x53F7;&#x548C; 2 &#x4F4D;&#x6570;&#x5B57;&#x7684;&#x79D2;&#x949F;&#x3002;</li>
<li>&#x65F6;&#x533A;&#x6216;&#x504F;&#x79FB;&#x91CF;&#x91C7;&#x7528;&#x4EE5;&#x4E0B;&#x683C;&#x5F0F;&#x4E4B;&#x4E00;&#xFF1A;</li>
<li>UT : +0000</li>
<li>GMT : +0000</li>
<li>EST | CST | MST | PST | EDT | CDT | MDT | PDT : &#x7F8E;&#x56FD;&#x65F6;&#x533A;*</li>
<li>A - I | K - Z : &#x519B;&#x4E8B;&#x65F6;&#x533A;*</li>
<li>&#x65F6;&#x95F4;&#x504F;&#x79FB; +/-9999</li>
</ol>
<p>[*] &#x6709;&#x5173;&#x8BE6;&#x7EC6;&#x4FE1;&#x606F;&#xFF0C;&#x53C2;&#x9605;&#x89C4;&#x8303;&#x7684; <a href="javascript:window.open('http://nodejs.cn/s/wHmRKj');" target="_blank" rel="nofollow">4.3 &#x7AE0;&#x8282;</a>&#x3002;</p>
<p>&#x89E3;&#x6790;&#x5668;&#x8FD8;&#x4F1A;&#x786E;&#x8BA4;&#x661F;&#x671F;&#xFF08;&#x5F53;&#x5305;&#x542B;&#x65F6;&#xFF09;&#x4E0E;&#x65E5;&#x671F;&#x4E00;&#x81F4;&#x3002;</p>
					</div>
          <div id="content_right">
							<div class="docs-method-signature">
								<pre><code class="language-js">moment(String);
</code></pre>

							</div>
<p>When creating a moment from a string, we first check if the string matches known <a href="javascript:window.open('https://en.wikipedia.org/wiki/ISO_8601');" target="_blank" rel="nofollow">ISO 8601</a> formats, we then check if the string matches the <a href="javascript:window.open('https://tools.ietf.org/html/rfc2822#section-3.3');" target="_blank" rel="nofollow">RFC 2822 Date time</a> format before dropping to the fall back of <code>new Date(string)</code> if a known format is not found.</p>
<pre><code class="language-javascript">var day = moment(&quot;1995-12-25&quot;);
</code></pre>
<p><strong>Warning:</strong> Browser support for parsing strings <a href="javascript:window.open('http://dygraphs.com/date-formats.html');" target="_blank" rel="nofollow">is inconsistent</a>. Because there is no specification on which formats should be supported, what works in some browsers will not work in other browsers.</p>
<!--
**Note:** This has been the source of a lot of confusion, because moments created via `Date` constructor don't support `isValid` and also work unreliably. So it would be soon deprecated. From version 2.6.0 there is a way to prevent Date constructor usage - just set `moment.createFromInputFallback` to an empty function.
-->
<p>For consistent results parsing anything other than ISO 8601 strings, you should use <a href="#/parsing/string-format/" target="_blank" rel="nofollow">String + Format</a>.</p>
<h4>Supported ISO 8601 strings</h4>
<p>An ISO 8601 string requires a date part.</p>
<pre><code>2013-02-08  # A calendar date part
2013-W06-5  # A week date part
2013-039    # An ordinal date part

20130208    # Basic (short) full date
2013W065    # Basic (short) week, weekday
2013W06     # Basic (short) week only
2013050     # Basic (short) ordinal date
</code></pre>
<p>A time part can also be included, separated from the date part by a space or an uppercase T.</p>
<pre><code>2013-02-08T09            # An hour time part separated by a T
2013-02-08 09            # An hour time part separated by a space
2013-02-08 09:30         # An hour and minute time part
2013-02-08 09:30:26      # An hour, minute, and second time part
2013-02-08 09:30:26.123  # An hour, minute, second, and millisecond time part
2013-02-08 24:00:00.000  # hour 24, minute, second, millisecond equal 0 means next day at midnight

20130208T080910,123      # Short date and time up to ms, separated by comma
20130208T080910.123      # Short date and time up to ms
20130208T080910          # Short date and time up to seconds
20130208T0809            # Short date and time up to minutes
20130208T08              # Short date and time, hours only
</code></pre>
<p>Any of the date parts can have a time part.</p>
<pre><code>2013-02-08 09  # A calendar date part and hour time part
2013-W06-5 09  # A week date part and hour time part
2013-039 09    # An ordinal date part and hour time part
</code></pre>
<p>If a time part is included, an offset from UTC can also be included as <code>+-HH:mm</code>, <code>+-HHmm</code>, <code>+-HH</code> or <code>Z</code>.</p>
<pre><code>2013-02-08 09+07:00            # +-HH:mm
2013-02-08 09-0100             # +-HHmm
2013-02-08 09Z                 # Z
2013-02-08 09:30:26.123+07:00  # +-HH:mm
2013-02-08 09:30:26.123+07     # +-HH
</code></pre>
<p><strong>Note:</strong> Support for the week and ordinal formats was added in version <strong>2.3.0</strong>.</p>
<p>If a string does not match any of the above formats and is not able to be parsed with <code>Date.parse</code>, <code>moment#isValid</code> will return false.</p>
<pre><code class="language-javascript">moment(&quot;not a real date&quot;).isValid(); // false
</code></pre>
<h4>The RFC 2822 date time format</h4>
<p>Before parsing a RFC 2822 date time the string is cleansed to remove any comments and/or newline characters. The additional characters are legal in the format but add nothing to creating a valid moment instance.</p>
<p>After cleansing, the string is validated in the following space-separated sections, all using the English language:</p>
<pre><code>6 Mar 17 21:22 UT
6 Mar 17 21:22:23 UT
6 Mar 2017 21:22:23 GMT
06 Mar 2017 21:22:23 Z
Mon 06 Mar 2017 21:22:23 z
Mon, 06 Mar 2017 21:22:23 +0000
</code></pre>
<ol>
<li>Day of Week in three letters, followed by an optional comma. (optional)</li>
<li>Day of Month (1 or 2 digit), followed by a three-letter month and 2 or 4 digit year</li>
<li>Two-digit hours and minutes separated by a colon (:), followed optionally by another colon and seconds in 2-digits</li>
<li>Timezone or offset in one of the following formats:</li>
<li>UT : +0000</li>
<li>GMT : +0000</li>
<li>EST | CST | MST | PST | EDT | CDT | MDT | PDT : US time zones*</li>
<li>A - I | K - Z : Military time zones*</li>
<li>Time offset +/-9999</li>
</ol>
<p>[*] See <a href="javascript:window.open('https://tools.ietf.org/html/rfc2822#section-4.3');" target="_blank" rel="nofollow">section 4.3</a> of the specification for details.</p>
<p>The parser also confirms that the day-of-week (when included) is consistent with the date.</p>
					</div>
          <div></div>
        </div>
      </div>
    </div>
  </div>
  
  <script src="static/js/highlight.min.js"></script>
  <script src="static/js/javascript.min.js"></script>
  <script>hljs.initHighlightingOnLoad();</script>
  <script>var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?7a7f78c805fbacc7e075d34f153031aa"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();</script>

  <style>
    .hero-centered {
      margin: 0;
          margin-left: 10px;
    }
#gtoc ul {
  list-style: none;
  margin-left: 0;
  line-height: 1.5rem;
  padding: 0;
}
#gtoc>ul>li {
  display: inline;
  border-right: 1px solid #000;
  margin-right: .4rem;
  padding-right: .4rem;
}
#gtoc>ul>li>a {
  color: #61b2a7;
}
#content_left {
  width: 49%;float: left;border-right: 1px solid #eee;    padding-right: 2%;
}
#content_right {
float: left;width: 48%;margin-left: 3%;
}
#column1 {
  padding: 0 2rem;
}
  </style>


</body></html>